<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>DataSift Query Editor Demo | Themed</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

	<link rel="stylesheet" type="text/css" href="../minified/jcsdl.min.css" />
	<link rel="stylesheet" type="text/css" href="themed/over.css" />
	<script type="text/javascript" src="../minified/jcsdl.definition.js"></script>
	<script type="text/javascript" src="../minified/jcsdl.min.js"></script>

	<script type="text/javascript">
		$(function() {
			$('#jcsdl-edit').jcsdlGui({
				save : function(code) {
					// display the output
					$('#jcsdl-edit-output').val(code);
				}
			});
		});
	</script>
</head>

<body>
	<div id="jcsdl-edit"></div>

	<h3>JCSDL Output:</h3>
	<textarea id="jcsdl-edit-output" disabled="true" style="width: 90%; margin: 20px auto; display: block; height: 200px;"></textarea>
</body>
</html>